﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>append VS after</title>
</head>
<body>
    <div class="a">
        <div class="b">b</div>
    </div>
</body>
</html>
<script src="Scripts/jquery-2.1.4.js"></script>
<script language="javascript">
    $(function () {
        //$("div.a").append("<div class='c'>C</div>");
        //$("div.a").after("<div class='c'>C</div>");

        //$("div.b").clone().appendTo("div.a");

    });

    //The .append insert the parameter element inside the selector element's tag at the last index position, 
    //whereas the .after puts the parameter element after the matched element's tag. 
</script>